.product-type-choose-page {
    position: relative;
    .product-type-line {
        width: 100%;
        padding-top: 38px;
        .flex-center();
        .product-type {
            position: relative;
            width: 240px;
            height: 300px;
            background-color: @bg-f5;
            border-radius: 8px;
            margin: 0 30px;
            cursor: pointer;
            transition: background-color .2s ease;
            .product-type-name {
                position: absolute;
                top: 32px;
                left: 24px;
                color: @ft-clr-d;
                transition: color .2s ease;
                .anticon {
                    margin-right: 14px;
                }
            }
            .product-type-intro {
                position: absolute;
                top: 84px;
                left: 24px;
                color: @ft-clr-ml;
                transition: color .2s ease;
            }
            .product-type-remark {
                position: absolute;
                bottom: 24px;
                left: 24px;
                color: @ft-clr-md;
                transition: color .2s ease;
            }
            .product-type-entrance {
                position: absolute;
                bottom: 28px;
                right: 24px;
                color: @ft-clr-md;
                transition: color .2s ease;
                .anticon{
                    display: block;
                    &:last-of-type {
                        display: none;
                    }
                }
            }
            &:not(.disabled):hover {
                background-color: @green;
                .product-type-name, .product-type-intro, .product-type-remark {
                    color: @white;
                }
                .product-type-entrance {
                    color: @white;
                    .anticon:first-of-type {
                        display: none;
                    }
                    .anticon:last-of-type {
                        display: block;
                    }
                }
            }
            &.disabled {
                opacity: 0.6;
            }
        }
    }
    .product-supply-group {
        position: relative;
        width: 840px;
        margin: 56px auto 0;
        .product-supply-group-entrance {
            position: relative;
            width: 100%;
            height: 140px;
            background-color: @bg-f5;
            border-radius: 8px;
            .flex-row-between;
            padding: 32px 24px;
            margin-top: 24px;
            cursor: pointer;
            transition: background-color .2s ease;
            .entrance-name {
                color: @ft-clr-d;
                transition: color .2s ease;
                .anticon {
                    margin-right: 14px;
                }
            }
            .entrance-intro {
                margin-top: 18px;
                color: @ft-clr-ml;
                transition: color .2s ease;
            }
            .entrance-icon {
                color: @ft-clr-md;
                transition: color .2s ease;
                .anticon{
                    display: block;
                    &:last-of-type {
                        display: none;
                    }
                }
            }
            &:hover {
                background-color: @green;
                .entrance-name, .entrance-intro {
                    color: @white;
                }
                .entrance-icon {
                    color: @white;
                    .anticon:first-of-type {
                        display: none;
                    }
                    .anticon:last-of-type {
                        display: block;
                    }
                }
            }
        }
    }
}

.product-property-modal {
    .property-item {
        min-width: 100px;
        height: 36px;
        padding: 0 12px;
        .flex-row-between();
        .ft-14;
        .ft-clr-d;
        border-color: @bd-clr-l;
        margin-right: 16px;
        margin-bottom: 10px;
        background-color: @white;
        .anticon {
            margin-left: 8px;
        }
    }
}


.product-detail-page {
    .product-property-items-list {
        .flex;
        .product-property-item {
            height: 36px;
            min-width: 86px;
            .flex-row-between;
            .pd-8;
            background-color: @white;
            margin: 10px 14px 0 0;
            .bd-l;
        }
        .add-property-items {
            height: 36px;
            .flex-center;
            .cur-poi;
            .clr-green;
            margin: 10px 14px 0 0;
        }
    }
}
.product-import-page {
    .upload-drag {
        width: 100%;
        height: 240px;
        .bd-l;
        .flex-center;
        .mgt-24;
        background-color: @white;
    }
}

.supply-group-page {
    .supply-group-list {
        .clearfix;
        .supply-group-item {
            position: relative;
            .fll;
            .mgr-24;
            .mgt-12;
            .supply-group-image {
                position: relative;
                width: 200px;
                height: 200px;
                background-image: linear-gradient(222deg, rgba(22,188,82,0.85) 0%, #16BC52 100%);
                .ft-24;
                .flex-center;
                color: @white;
                .bd-l;
                img {
                    width: 100%;
                    height: 100%;
                }
                &:before {
                    position: absolute;
                    bottom: -4px;
                    left: 6px;
                    width: 188px;
                    height: 4px;
                    .bd-l;
                    content: '';
                }
                &:after {
                    position: absolute;
                    bottom: -8px;
                    left: 12px;
                    width: 176px;
                    height: 4px;
                    .bd-l;
                    content: '';
                }
            }
            .supply-group-name {
                position: relative;
                .ft-14;
                .mgt-16;
                .pdr-24;
                .pdb-8;
                width: 200px;
                .text-overflow;
            }
            .supply-group-operation {
                position: absolute;
                bottom: 4px;
                right: 0;
                .ft-20;
                .ft-clr-md;
                visibility: hidden;
                .cur-poi;
            }
            &:hover .supply-group-operation {
                visibility: visible;
            }
        }
        .supply-group-create {
            position: relative;
            width: 200px;
            height: 200px;
            border: @bd-l dashed 1px;
            .flex-center;
            cursor: pointer;
            .mgt-12;
        }
    }
}
.supply-group-product-page {
    .related-stores {
        .flex-row-between;
        .bg-f5;
        .pd-16;
        .stores-list {
            width: 70%;
            .text-overflow;
            .ft-clr-md;
        }
    }
    .table-params {
        top: 80px !important
    }
    .table-list {
        top: 130px !important;
    }
}